React प्रायोगिक_Activity: कंपोनंट ॲक्टिव्हिटी ट्रॅकिंगमध्ये प्राविण्य मिळवा

React हे यूजर इंटरफेस तयार करण्यासाठी एक शक्तिशाली JavaScript लायब्ररी आहे. ऍप्लिकेशन्सची जटिलता जसजशी वाढते, तसतसे कंपोनंटचे वर्तन आणि कार्यप्रदर्शन समजून घेणे महत्त्वाचे ठरते. React चे experimental_Activity API कंपोनंट ॲक्टिव्हिटी ट्रॅक करण्यासाठी एक शक्तिशाली यंत्रणा प्रदान करते, जे रेंडरिंग प्रक्रिया आणि संभाव्य कार्यप्रदर्शन अडथळ्यांबद्दल अंतर्दृष्टी देते. हे सर्वसमावेशक मार्गदर्शक experimental_Activity API मध्ये सखोल माहिती देते, त्याचे फायदे, उपयोग, अंमलबजावणी आणि जगभरातील विकासकांसाठी सर्वोत्तम पद्धतींचा शोध घेते.

React experimental_Activity काय आहे?

experimental_Activity API हे React मधील एक प्रायोगिक वैशिष्ट्य आहे जे रेंडरिंग दरम्यान कंपोनंट्सद्वारे केलेल्या ॲक्टिव्हिटीजची तपशीलवार माहिती प्रदान करण्यासाठी डिझाइन केले आहे. हे विकासकांना कंपोनंट कधी माउंट, अपडेट, अनमाउंट होते आणि या ऑपरेशन्सचा कालावधी ट्रॅक करण्यास अनुमती देते. कार्यप्रदर्शन समस्या ओळखण्यासाठी, जटिल संवाद डीबग करण्यासाठी आणि React ऍप्लिकेशन्स ऑप्टिमाइझ करण्यासाठी ही माहिती अमूल्य आहे.

महत्त्वाची नोंद: नावाप्रमाणेच, experimental_Activity हे एक प्रायोगिक API आहे. हे भविष्यातील React प्रकाशनांमध्ये बदल किंवा काढले जाऊ शकते. प्रोडक्शन वातावरणात सावधगिरीने वापरा आणि आवश्यक असल्यास तुमचा कोड बदलण्यासाठी तयार रहा.

कंपोनंट ॲक्टिव्हिटी ट्रॅकिंग का वापरावे?

कंपोनंट ॲक्टिव्हिटी ट्रॅक करण्याचे अनेक मुख्य फायदे आहेत:

• कार्यप्रदर्शन ऑप्टिमायझेशन: हळू रेंडर होणारे कंपोनंट ओळखा आणि विविध लाइफसायकल पद्धतींमध्ये लागलेल्या वेळेचे विश्लेषण करून त्यांचे कार्यप्रदर्शन ऑप्टिमाइझ करा.
• डीबगिंग: अनपेक्षित वर्तन किंवा त्रुटींचे मूळ कारण ओळखण्यासाठी संवादादरम्यान कंपोनंट्सच्या अंमलबजावणीचा प्रवाह ट्रेस करा.
• प्रोफाइलिंग: तपशीलवार कार्यप्रदर्शन मेट्रिक्स गोळा करण्यासाठी आणि कालांतराने कंपोनंट ॲक्टिव्हिटीचे व्हिज्युअलायझेशन करण्यासाठी प्रोफाइलिंग टूल्ससह एकीकृत करा.
• React इंटर्नल्स समजून घेणे: React कंपोनंट्स आणि त्यांची लाइफसायकल कशी व्यवस्थापित करते याची सखोल माहिती मिळवा.
• अतुल्यकालिक रेंडरिंग समस्या ओळखणे: सस्पेंस, लेझी लोडिंग आणि इतर अतुल्यकालिक रेंडरिंग पॅटर्नशी संबंधित समस्या शोधा.

experimental_Activity साठी उपयोग

1. कार्यप्रदर्शन अडथळे ओळखणे

कल्पना करा की तुमच्याकडे अनेक परस्परसंवादी कंपोनंट्स असलेले एक जटिल डॅशबोर्ड आहे. काही घटकांशी संवाद साधताना डॅशबोर्ड धीमा वाटत असल्याची वापरकर्त्यांची तक्रार आहे. experimental_Activity वापरून, तुम्ही सर्वात जास्त रेंडरिंग वेळ घेणारे कंपोनंट्स ओळखू शकता आणि त्यांचे कार्यप्रदर्शन ऑप्टिमाइझ करू शकता. यात कंपोनंट्स मेमोइझ करणे, डेटा फेचिंग ऑप्टिमाइझ करणे किंवा अनावश्यक री-रेंडर्स कमी करणे समाविष्ट असू शकते.

उदाहरण: स्टॉक ट्रेडिंग प्लॅटफॉर्ममध्ये जटिल चार्टिंग कंपोनंट्स असू शकतात. मार्केट डेटा वेगाने बदलल्यावर कोणते चार्ट अपडेट होण्यास धीमे आहेत हे ओळखण्यासाठी experimental_Activity मदत करते, ज्यामुळे विकासकांना त्या विशिष्ट कंपोनंट्सवर ऑप्टिमायझेशन प्रयत्नांवर लक्ष केंद्रित करता येते.

2. जटिल संवाद डीबग करणे

कंपोनंट्समधील जटिल संवाद डीबग करणे आव्हानात्मक असू शकते. experimental_Activity तुम्हाला या संवादांदरम्यान कंपोनंट्सच्या अंमलबजावणीचा प्रवाह ट्रेस करण्यास अनुमती देते, कंपोनंट्स कोणत्या क्रमाने अपडेट होत आहेत आणि त्यांच्या दरम्यान कोणता डेटा पास होत आहे याबद्दल अंतर्दृष्टी देते. हे तुम्हाला अनपेक्षित वर्तन किंवा त्रुटींचे मूळ कारण ओळखण्यात मदत करू शकते.

उदाहरण: ई-कॉमर्स ऍप्लिकेशनमध्ये, वापरकर्ता त्यांच्या कार्टमध्ये एखादी वस्तू जोडतो आणि कार्ट सारांश अपडेट होतो. experimental_Activity वापरून, तुम्ही ॲड-टू-कार्ट बटणापासून कार्ट सारांश कंपोनंटपर्यंतचा अंमलबजावणीचा प्रवाह ट्रॅक करू शकता, योग्य डेटा पास होत असल्याची आणि कंपोनंट्स अपेक्षित क्रमाने अपडेट होत असल्याची खात्री करू शकता.

3. React ऍप्लिकेशन्स प्रोफाइलिंग

experimental_Activity ला प्रोफाइलिंग टूल्ससह एकत्रित केले जाऊ शकते जेणेकरून तपशीलवार कार्यप्रदर्शन मेट्रिक्स गोळा करता येतील आणि कालांतराने कंपोनंट ॲक्टिव्हिटीचे व्हिज्युअलायझेशन करता येईल. हे तुम्हाला कार्यप्रदर्शन ट्रेंड ओळखण्यास आणि सुधारणेसाठी क्षेत्रे शोधण्यास अनुमती देते. React प्रोफाइलर सारखी लोकप्रिय प्रोफाइलिंग टूल्स experimental_Activity कडून डेटा वापरून अधिक व्यापक ऍप्लिकेशन कार्यप्रदर्शन दृश्य प्रदान करण्यासाठी वर्धित केली जाऊ शकतात.

उदाहरण: सोशल मीडिया ऍप्लिकेशन वेळेनुसार न्यूज फीड कंपोनंटचे कार्यप्रदर्शन ट्रॅक करण्यासाठी React प्रोफाइलरच्या संयोजनात experimental_Activity वापरू शकते. हे कार्यप्रदर्शन रिग्रेशन ओळखण्यात आणि फीड वाढत असताना पोस्टच्या रेंडरिंगला ऑप्टिमाइझ करण्यात मदत करू शकते.

4. अतुल्यकालिक रेंडरिंग समजून घेणे

React ची अतुल्यकालिक रेंडरिंग वैशिष्ट्ये, जसे की सस्पेंस आणि लेझी लोडिंग, कंपोनंट वर्तनाबद्दल तर्क करणे कठीण बनवू शकते. experimental_Activity कंपोनंट्स कधी सस्पेंड, पुन्हा सुरू होतात आणि अतुल्यकालिकपणे कोणता डेटा लोड होत आहे याबद्दल अंतर्दृष्टी देऊन या वैशिष्ट्यांचा कंपोनंट रेंडरिंगवर कसा परिणाम होतो हे समजून घेण्यास मदत करू शकते.

उदाहरण: दस्तऐवज संपादन ऍप्लिकेशन मागणीनुसार मोठे दस्तऐवज लोड करण्यासाठी लेझी लोडिंग वापरू शकते. experimental_Activity तुम्हाला दस्तऐवजाचे कोणते भाग लोड आणि रेंडर होत आहेत हे ट्रॅक करण्यात मदत करू शकते, मोठे फाइल्स हाताळतानाही ऍप्लिकेशन प्रतिसादशील राहील याची खात्री करते.

experimental_Activity कसे लागू करावे

experimental_Activity वापरण्यासाठी, तुम्हाला API ऍक्सेस करणे आणि विविध कंपोनंट ॲक्टिव्हिटीजसाठी कॉलबॅक्स नोंदणीकृत करणे आवश्यक आहे. येथे एक मूलभूत उदाहरण आहे:

import * as React from 'react';

const activityListeners = {
  onMount(instance) {
    console.log('Component mounted:', instance.constructor.name);
  },
  onUpdate(instance) {
    console.log('Component updated:', instance.constructor.name);
  },
  onUnmount(instance) {
    console.log('Component unmounted:', instance.constructor.name);
  },
};

// जागतिक स्तरावर ॲक्टिव्हिटी ट्रॅकिंग सक्षम करा (सावधगिरीने वापरा)
if (React.unstable_useMutableSource) {
  React.unstable_Activity.setListeners(activityListeners);
}

function MyComponent() {
  return 
Hello, world!
;
}

export default MyComponent;

स्पष्टीकरण:

1. React मॉड्यूल इम्पोर्ट करा.
2. onMount, onUpdate, आणि onUnmount साठी कॉलबॅक्ससह activityListeners ऑब्जेक्ट परिभाषित करा. संबंधित कंपोनंट ॲक्टिव्हिटीज घडल्यास हे कॉलबॅक्स कार्यान्वित होतील.
3. जागतिक स्तरावर लिसनर्स नोंदणीकृत करण्यासाठी React.unstable_Activity.setListeners(activityListeners) वापरा. हे तुमच्या ऍप्लिकेशनमधील सर्व कंपोनंट्सवर लिसनर्स लागू करेल. React.unstable_useMutableSource तपासणी API उपलब्ध असल्याची खात्री करण्यासाठी समाविष्ट केली आहे.
4. ॲक्टिव्हिटी ट्रॅकिंग प्रदर्शित करण्यासाठी एक साधा React कंपोनंट, MyComponent तयार करा.

जेव्हा MyComponent माउंट, अपडेट आणि अनमाउंट होईल, तेव्हा संबंधित संदेश कन्सोलमध्ये लॉग केले जातील.

प्रगत वापर आणि विचार

1. निवडक ॲक्टिव्हिटी ट्रॅकिंग

सर्व कंपोनंट्ससाठी ॲक्टिव्हिटी ट्रॅक करण्याऐवजी, तुम्ही विशिष्ट कंपोनंट्स किंवा तुमच्या ऍप्लिकेशनच्या भागांसाठी निवडकपणे ॲक्टिव्हिटी ट्रॅक करू शकता. हे स्वारस्य असलेल्या क्षेत्रांवर लक्ष केंद्रित करण्यासाठी किंवा ॲक्टिव्हिटी ट्रॅकिंगचा कार्यप्रदर्शन ओव्हरहेड कमी करण्यासाठी उपयुक्त ठरू शकते.

उदाहरण:

import * as React from 'react';

const activityListeners = {
  onMount(instance) {
    if (instance.constructor.name === 'ExpensiveComponent') {
      console.log('ExpensiveComponent mounted');
    }
  },
  // ... इतर लिसनर्स
};

हे उदाहरण फक्त 'ExpensiveComponent' नावाच्या कंपोनंट्ससाठी माउंट इव्हेंट लॉग करते.

2. प्रोफाइलिंग टूल्ससह एकत्रीकरण

experimental_Activity ला प्रोफाइलिंग टूल्ससह एकत्रित करण्यासाठी, तुम्ही ॲक्टिव्हिटी डेटा गोळा करू शकता आणि तो टूलच्या API ला पास करू शकता. हे तुम्हाला कालांतराने कंपोनंट ॲक्टिव्हिटीचे व्हिज्युअलायझेशन करण्यास आणि इतर कार्यप्रदर्शन मेट्रिक्सशी संबंध जोडण्यास अनुमती देईल.

उदाहरण: (संकल्पनात्मक)

const activityData = [];

const activityListeners = {
  onMount(instance) {
    activityData.push({
      type: 'mount',
      component: instance.constructor.name,
      timestamp: Date.now(),
    });
  },
  // ... इतर लिसनर्स
};

// नंतर, activityData प्रोफाइलिंग टूलला पाठवा

हे उदाहरण दाखवते की ॲरेमध्ये ॲक्टिव्हिटी डेटा कसा गोळा करायचा आणि नंतर संभाव्यतः व्हिज्युअलायझेशनसाठी प्रोफाइलिंग टूलला पाठवायचा. तुम्ही वापरत असलेल्या विशिष्ट प्रोफाइलिंग टूलवर अचूक अंमलबजावणी अवलंबून असेल.

3. कार्यप्रदर्शन ओव्हरहेड

experimental_Activity एक मौल्यवान साधन असू शकते, परंतु त्याच्या संभाव्य कार्यप्रदर्शन ओव्हरहेडबद्दल जागरूक असणे महत्त्वाचे आहे. कंपोनंट ॲक्टिव्हिटी ट्रॅक केल्याने रेंडरिंग पाइपलाइनमध्ये अतिरिक्त प्रक्रिया पायऱ्या जोडल्या जातात, ज्यामुळे ऍप्लिकेशनच्या कार्यप्रदर्शनावर परिणाम होऊ शकतो. experimental_Activity चा वापर विचारपूर्वक करणे आणि कार्यप्रदर्शन चिंतेचे कारण असल्यास प्रोडक्शन वातावरणात ते अक्षम करणे महत्त्वाचे आहे.

4. संदर्भ आणि व्याप्ती

तुम्ही experimental_Activity कुठे वापरत आहात याचा संदर्भ आणि व्याप्ती विचारात घ्या. जागतिक लिसनर्स सुरुवातीच्या तपासासाठी उपयुक्त ठरू शकतात, परंतु लक्ष्यित विश्लेषणासाठी, विशिष्ट कंपोनंट किंवा तुमच्या ऍप्लिकेशनच्या उप-भागासाठी केवळ सक्रिय असलेले अधिक विशिष्ट लिसनर्स वापरण्याचा विचार करा. हे आवाज कमी करेल आणि कार्यप्रदर्शन प्रभाव कमी करेल.

experimental_Activity वापरण्यासाठी सर्वोत्तम पद्धती

• लक्ष्यित विश्लेषणासाठी वापरा: प्रोडक्शनमध्ये जागतिक स्तरावर experimental_Activity सक्षम करू नका, जोपर्यंत ते अत्यंत आवश्यक नसेल. तुमच्या ऍप्लिकेशनचे विशिष्ट कंपोनंट्स किंवा कार्यप्रदर्शन समस्या निर्माण करत असलेल्या भागांवर लक्ष केंद्रित करा.
• प्रोडक्शनमध्ये अक्षम करा: अनावश्यक कार्यप्रदर्शन ओव्हरहेड टाळण्यासाठी प्रोडक्शन बिल्डमध्ये experimental_Activity अक्षम किंवा काढून टाकल्याची खात्री करा. तुम्ही हे साध्य करण्यासाठी कंडिशनल संकलन किंवा पर्यावरण व्हेरिएबल्स वापरू शकता.
• केवळ आवश्यक डेटा गोळा करा: तुम्हाला नको असलेला अतिरिक्त डेटा गोळा करणे टाळा. यामुळे कार्यप्रदर्शनावर परिणाम होऊ शकतो आणि डेटाचे विश्लेषण करणे अधिक कठीण होऊ शकते.
• योग्य प्रोफाइलिंग टूल्स वापरा: कालांतराने कंपोनंट ॲक्टिव्हिटीचे व्हिज्युअलायझेशन करू शकतील आणि इतर कार्यप्रदर्शन मेट्रिक्सशी संबंध जोडू शकतील अशा प्रोफाइलिंग टूल्ससह एकत्रित करा.
• कार्यप्रदर्शन परिणामांचे निरीक्षण करा: experimental_Activity मुळे स्वीकारार्ह कार्यप्रदर्शन घट होत नाही याची खात्री करण्यासाठी नियमितपणे कार्यप्रदर्शन परिणामांचे निरीक्षण करा.
• React प्रकाशनांसह अद्ययावत रहा: एक प्रायोगिक API म्हणून, experimental_Activity बदलांच्या अधीन आहे. React प्रकाशनांसह अद्ययावत रहा आणि API विकसित होत असताना तुमचा कोड बदलण्यासाठी तयार रहा.

experimental_Activity चे पर्याय

experimental_Activity कंपोनंट ॲक्टिव्हिटी ट्रॅक करण्यासाठी एक निम्न-स्तरीय यंत्रणा प्रदान करते, तर काही विशिष्ट उपयोग प्रकरणांसाठी अधिक योग्य असलेले पर्यायी दृष्टिकोन आहेत.

• React प्रोफाइलर: React प्रोफाइलर हे एक अंगभूत साधन आहे जे React ऍप्लिकेशन्ससाठी तपशीलवार कार्यप्रदर्शन मेट्रिक्स प्रदान करते. याचा वापर हळू रेंडर होणारे कंपोनंट्स ओळखण्यासाठी आणि त्यांचे कार्यप्रदर्शन विश्लेषित करण्यासाठी केला जाऊ शकतो.
• कार्यप्रदर्शन देखरेख साधने: प्रोडक्शनमध्ये React ऍप्लिकेशन्सच्या कार्यक्षमतेचा मागोवा घेणारी विविध कार्यप्रदर्शन देखरेख साधने उपलब्ध आहेत. ही साधने सामान्यतः पेज लोड वेळा, रेंडरिंग कार्यप्रदर्शन आणि इतर मुख्य मेट्रिक्समध्ये अंतर्दृष्टी प्रदान करतात.
• सानुकूल वाद्यवृंद: विशिष्ट इव्हेंट किंवा मेट्रिक्स ट्रॅक करण्यासाठी तुम्ही तुमच्या कंपोनंट्समध्ये सानुकूल वाद्यवृंद जोडू शकता. हे जटिल कंपोनंट्सचे वर्तन समजून घेण्यासाठी किंवा सानुकूल कार्यप्रदर्शन मेट्रिक्स ट्रॅक करण्यासाठी उपयुक्त ठरू शकते.

वास्तविक जगातील उदाहरणे

जागतिक ई-कॉमर्स प्लॅटफॉर्म

जागतिक उपस्थिती असलेल्या मोठ्या ई-कॉमर्स प्लॅटफॉर्मवर काही प्रदेशांमध्ये उत्पादन पृष्ठांचे लोडिंग वेळ हळू आहे. experimental_Activity वापरून, विकास टीमने ओळखले की उत्पादन शिफारसी प्रदर्शित करण्यासाठी वापरलेले थर्ड-पार्टी कंपोनंट अकार्यक्षम डेटा फेचिंग आणि रेंडरिंगमुळे लक्षणीय विलंब करत आहे. कंपोनंट ऑप्टिमाइझ करून आणि वेगवेगळ्या भौगोलिक स्थानांसाठी अनुरूप कॅशिंग धोरणे लागू करून, त्यांनी पृष्ठ लोड वेळ आणि वापरकर्ता अनुभव जागतिक स्तरावर लक्षणीयरीत्या सुधारला.

आंतरराष्ट्रीय वृत्त वेबसाइट

आंतरराष्ट्रीय वृत्त वेबसाइट विविध ब्राउझर आणि डिव्हाइसवर विसंगत रेंडरिंग कार्यक्षमतेची नोंद घेते. experimental_Activity चा फायदा घेऊन, त्यांना आढळले की काही ॲनिमेशन आणि संक्रमणे कमी-शक्तीच्या उपकरणांवर अतिरिक्त री-रेंडर्स तयार करत आहेत. त्यांनी ॲनिमेशन ऑप्टिमाइझ केले आणि डिव्हाइस क्षमतांवर आधारित कंडिशनल रेंडरिंग लागू केले, ज्यामुळे त्यांच्या सर्व वाचकांसाठी, त्यांच्या डिव्हाइसची पर्वा न करता, एक स्मूथ वापरकर्ता अनुभव मिळाला.

बहुभाषिक सहयोग साधन

अनेक भाषांना समर्थन देणारे सहयोगी दस्तऐवज संपादन साधन जटिल स्वरूपनासह मोठे दस्तऐवज हाताळताना कार्यप्रदर्शन समस्यांना तोंड देते. experimental_Activity वापरून, टीमने ओळखले की रीअल-टाइम सहयोग वैशिष्ट्य दस्तऐवज संरचना रेंडर करण्यासाठी जबाबदार असलेल्या कंपोनंट्समध्ये अनावश्यक अपडेट्स ट्रिगर करत आहे. त्यांनी अपडेट्सची वारंवारता कमी करण्यासाठी डीबाउंसिंग आणि थ्रॉटलिंग तंत्रांची अंमलबजावणी केली, ज्यामुळे प्रतिसाद सुधारला आणि वेगवेगळ्या टाइम झोन आणि भाषांमधील टीमसाठी चांगला वापरकर्ता अनुभव मिळाला.

निष्कर्ष

React चे experimental_Activity API कंपोनंट ॲक्टिव्हिटी ट्रॅक करण्यासाठी आणि ऍप्लिकेशन कार्यक्षमतेमध्ये अंतर्दृष्टी मिळविण्यासाठी एक शक्तिशाली यंत्रणा प्रदान करते. हे API प्रभावीपणे कसे वापरावे हे समजून घेऊन, विकासक कार्यप्रदर्शन अडथळे ओळखू शकतात, जटिल संवाद डीबग करू शकतात आणि चांगल्या वापरकर्ता अनुभवासाठी त्यांचे React ऍप्लिकेशन्स ऑप्टिमाइझ करू शकतात. हे विचारपूर्वक वापरा, आवश्यक असल्यास प्रोडक्शनमध्ये अक्षम करा आणि API विकसित होत असताना React प्रकाशनांसह अद्ययावत रहा.

experimental_Activity हे एक प्रायोगिक वैशिष्ट्य असले तरी, ते React ऍप्लिकेशन्समध्ये कंपोनंट वर्तन आणि कार्यप्रदर्शन समजून घेण्याचे महत्त्व दर्शवते. कार्यप्रदर्शन ऑप्टिमायझेशन तंत्रांचा स्वीकार करून आणि React प्रोफाइलर आणि experimental_Activity सारख्या साधनांचा वापर करून, विकासक उच्च-कार्यक्षम React ऍप्लिकेशन्स तयार करू शकतात जे जगभरातील वापरकर्त्यांना उत्कृष्ट वापरकर्ता अनुभव देतात.

तुम्ही कंपोनंट ॲक्टिव्हिटी ट्रॅकिंग एक्सप्लोर करत असताना, तुमच्या ऍप्लिकेशनच्या विशिष्ट गरजा विचारात घेण्याचे आणि तुमच्या आवश्यकतांसाठी सर्वोत्तम जुळणारा दृष्टिकोन निवडण्याचे लक्षात ठेवा. तुम्ही experimental_Activity, React प्रोफाइलर किंवा सानुकूल वाद्यवृंद वापरत असाल, मुख्य गोष्ट म्हणजे कार्यप्रदर्शन ऑप्टिमायझेशनबद्दल सक्रिय असणे आणि तुमचे ऍप्लिकेशन तुमच्या वापरकर्त्यांच्या गरजा पूर्ण करते याची खात्री करण्यासाठी नियमितपणे कार्यक्षमतेचे निरीक्षण करणे.

हे सर्वसमावेशक मार्गदर्शक experimental_Activity समजून घेण्यासाठी आणि वापरण्यासाठी एक ठोस पाया प्रदान करते. उदाहरणांसह प्रयोग करा, API दस्तऐवजीकरण एक्सप्लोर करा आणि तुमच्या स्वतःच्या प्रकल्पांमध्ये तंत्रे जुळवा. कंपोनंट ॲक्टिव्हिटी ट्रॅकिंगमध्ये प्राविण्य मिळवून, तुम्ही अधिक कार्यक्षम आणि देखरेख करण्यायोग्य React ऍप्लिकेशन्स तयार करू शकता जे जगभरातील वापरकर्त्यांना आनंदित करतात.